@import url(./color-strip.css);
@import url(./alpha-strip.css);

.color-plate {
  height: 180px;
  display: flex;
}

.color-priming {
  width: 280px;
  height: 180px;
  background-color: var(--color);
  margin-right: 12px;
  cursor: pointer;
  position: relative;
  overflow: hidden;
}

.white-mask,
.black-mask {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}

.white-mask {
  background: linear-gradient(to right, #fff, transparent);
}

.black-mask {
  background: linear-gradient(to top, #000, transparent);
}

.plate-cursor {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  border: solid 2px #fff;
  position: absolute;
  left: 100%;
  top: 0;
  transform: translate(-50%, -50%);
  box-shadow: inset 0 0 1px 1px #00000066, 0 0 6px 0px #00000080;
}